
.HeatButton, 
.HeatButton:before, 
.HeatButton:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.heatmapArea{
  
}
.hidden(){
  position: absolute;
  z-index:-100;
}
.canViel{

  border:0;
  margin:0;
  padding:0;
  position:absolute;
  width:inherit;
  height:inherit;
  top:inherit;
  left:inherit;
  z-index: 20000000;
  border:1px solid red;
}


.heatMapKeyBoard{
  position:relativ;
  display:block;
  width:897px;
  height:266px;
  opacity:0.3;
  z-index:100;
  background:#000;
}

.coreControl{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  height:300px;
  display:block;
  border:1px solid #b1b1b1;
  margin-bottom: 5px;
  padding: 5px;
}

.coreControlButton{
  width:100px;
  height:auto;
  margin:1px;
  padding: 5px;
  border:1px solid black;
}
.coreControlButton:hover,
.coreControlButton:focus{
    border:1px solid #6ca1e0;
    background-color: #6ca1e0;
    color: #fff;
}
.coreControlButton .activated{
    border:1px solid #6ca1e0;
    background-color: #6ca1e0;
    color: #fff;
}
.coreControlWrapper{
  position:relative;
  width:15%;
  height: 100%;
  display:inline-block;
  margin-right: 10px;
  float:left;
}
.coreControlItemList{
  height:100%;
  display:block;
  position:inherit;
  border:1px solid black;
  margin:0px;
  padding: 0px;
  overflow: auto;
}
.coreControlListItem{
  list-style:none;
  color:black;
  background-color: lightgray;
  border-bottom: 1px darkgray solid;
  font-size: 12px;
}


.HeatButton-primary{
background-color: #6ca1e0;
background: #6ca1e0;
color: white !important;
border: none;
text-shadow: none;
box-shadow: none;
-moz-box-shadow: #5b90cf 0px 2px 0px 0px;
-webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
box-shadow: #5b90cf 0px 2px 0px 0px;
}
.HeatButton-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.HeatButton {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.HeatButton-primary{
background-color: #6ca1e0;
background: #6ca1e0;
color: white !important;
border: none;
text-shadow: none;
box-shadow: none;
-moz-box-shadow: #5b90cf 0px 2px 0px 0px;
-webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
box-shadow: #5b90cf 0px 2px 0px 0px;
}

.HeatButton-primary {
  background-color: #6ca1e0;
  background: #6ca1e0;
  color: white !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  -moz-box-shadow: #5b90cf 0px 2px 0px 0px;
  -webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
  box-shadow: #5b90cf 0px 2px 0px 0px;
}
.HeatButton-primary:hover {
  background-color: #7db2f1;
  background: #7db2f1;
  color: white !important;
  -moz-box-shadow: #5b90cf 0px 2px 0px 0px;
  -webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
  box-shadow: #5b90cf 0px 2px 0px 0px;
}
.HeatButton-primary:focus {
  background-color: #7db2f1;
  background: #7db2f1;
  color: white !important;
  -moz-box-shadow: #5b90cf 0px 2px 0px 0px;
  -webkit-box-shadow: #5b90cf 0px 2px 0px 0px;
  box-shadow: #5b90cf 0px 2px 0px 0px;
}
.HeatButton-primary:active{
  background-color: #5b90cf;
  background: #5b90cf;
  color: white !important;
  box-shadow: none;
}